<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		#box1{
			width: 200px;
			height: 200px;
			background: #B8E6F2 url() 0 0 no-repeat;
		}
		#box2{
			width: 200px;
			height: 200px;
			background: #EDCD60 url() 0 0 no-repeat;
		}

	</style>
	
	<!-- <script type="text/javascript">
	window.onload = function(){
		box1 = document.getElementById('box1');
		box2 = document.getElementById('box2');
	
		x=0;
	
		box1.onclick = function (){
			if(x==0){
				data = box2.innerHTML;
				box1.innerHTML = data;
	
				box2.style.display = 'none';
				x=1;
				box1.innerHTML = box2.innerHTML;
			}else{
				box2.style.display = 'block';
				x=0;
				box1.innerHTML =' ';
			}	
		}
	}
	</script> -->
	<script type="text/javascript">
	window.onload =function(){
		box1 = document.getElementById('box1');
		box2 = document.getElementById('box2');
	
	x=0;
	box1.onclick = function(){
		if(x==0){
			box2.style.display = 'none';
			x=1;
			box1.innerHTML = box2.innerHTML;
		}else{
			box2.style.display = 'block';
			x=0;
			box1.innerHTML = ' ';
		}	
	}
	}
	</script>
</head>
<body>
	<div id='box1'></div>
	<div id='box2'>明天你好</div>
</body>
</html>